.my-info-photo {
    float: right;
    margin-right: 76px;
    margin-top: 8px;
    background-color: rgb(255, 255, 255);
    .uploader-photo-wrapper {
        width: 150px;
        height: 211px;
        position: relative;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        .photo-upload {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 3;
            opacity: 0;
            cursor: pointer;
            border: none;
            outline: none;
        }
        .photo-show {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            text-align: center;
            
        }
        .photo-show-box {
            //height: 100%;
            max-width: 100%;
            max-height: 100%;
        }
        .uploader-photo-bg-word {
            width: 100%;;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            text-align: center;
            line-height: 211px;
            font-size: 20px;
            color: #555555;
        }
        .no-photo-text {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            text-align: center;
            font-size: 20px;
            color: #555555;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
    }
}

